<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/each/payMoney.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">

<div class="dialog get-money">
    <div class="dialog-box" flex="dir:top">
        <div class="dialog-header" flex-box="0" flex="cross:center main:center">
            <div class="dialog-header-icon" flex-box="0"></div>
            <h1 flex-box="10">申请拨款</h1>
            <div class="dialog-header-icon btn-close" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-close" font="16"></span>
                </a>
            </div>
        </div>
        <div class="dialog-section" flex-box="10">
            <ul class="form" font="16">
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">拨款名称</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入拨款名称">
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">申请金额</div>
                    <input type="number" class="form-inp" flex-box="10" placeholder="请输入申请金额">
                </li>
                <li flex="cross:top">
                    <div class="form-tit" flex-box="0">备注</div>
                    <textarea flex-box="10" placeholder="请输入备注" rows="5"></textarea>
                </li>
            </ul>
        </div>
        <div class="dialog-footer" flex-box="0">
            <a href="" class="btn-bottom" font="18">完成创建</a>
        </div>
    </div>
</div>

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="projectOrderDetail.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10">拨款信息</h1>
    <div class="header-icon" flex-box="0"></div>
</header>
<section flex-box="10">

    <div class="scroll-con">
        <div class="pay-total" flex="main:center cross:center">
            <div class="pay-total-box">
                <div class="pay-total-tip" font="12">总拨款（元）</div>
                <div class="pay-total-num" font="28">4952180.50</div>
            </div>
        </div>

        <div class="pay-tit" flex="cross:center" font="14">
            <span></span>拨款明细
        </div>

        <ul class="view pay-view">
            <li>
                <a href="payMoneyDetail.html" flex="cross:center" flex-box="10">
                    <div class="pay-tip" flex-box="0">
                        <img src="img/tip_red.png" alt="">
                    </div>
                    <article flex-box="10">
                        <h2 class="order-tit" flex="cross:center main:justify">
                            <em flex-box="10">水泥采购费用</em>
                            <span class="order-state" font="12" flex-box="0">等待分公司审核</span>
                        </h2>
                        <p font="12">2017-04-12 12:02</p>
                    </article>
                </a>
                <div class="order-inf" flex="cross:bottom main:justify">
                    <div class="order-inf-l" flex-box="10">
                        <div class="order-list-name" font="12">申请金额：￥25000.00</div>
                        <div class="order-price" font="14">拨款金额：￥67.00</div>
                    </div>
                    <div class="order-inf-r" flex-box="0">
                        <div class="order-btn">
                            <a href="" font="14">确认收款</a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="payMoneyDetail.html" flex="cross:center" flex-box="10">
                    <div class="pay-tip" flex-box="0">
                        <img src="img/tip_blue.png" alt="">
                    </div>
                    <article flex-box="10">
                        <h2 class="order-tit" flex="cross:center main:justify">
                            <em flex-box="10">水泥采购费用</em>
                            <span class="order-state" font="12" flex-box="0">审核通过</span>
                        </h2>
                        <p font="12">2017-04-12 12:02</p>
                    </article>
                </a>
                <div class="order-inf" flex="cross:bottom main:justify">
                    <div class="order-inf-l" flex-box="10">
                        <div class="order-list-name" font="12">申请金额：￥25000.00</div>
                        <div class="order-price" font="14">拨款金额：￥67.00</div>
                    </div>
                    <div class="order-inf-r" flex-box="0">
                        <div class="order-btn">
                            <a href="" font="14">确认收款</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="load" font="14" flex="cross:center main:center">
            <span flex>
                <em></em>
                <em></em>
                <em></em>
            </span>
        </div>
    </div>
</section>
<footer flex-box="0">
    <div class="change-opt">
        <a href="javascript:;" font="18" flex="cross:center main:center" class="btn-get-money">申请拨款</a>
    </div>
</footer>
</body>
</html>